<?php $this->view->partial('common/inverse_sub'); ?>
<div class="large-12 column" style="margin-top:1rem;padding:0;">
	<div class="text-center large-12 column cen1" style="padding:0;height:18rem;">
	  <div class="slideabout" style="background:url(<?=BASE_URI ?>img/armpit.jpg);background-size:cover;height:28rem;">
	  	<h3 style="color:white;margin-top:5rem;">There's no place like home</h3>
	  	<p style="color:white;margin-top:2rem;margin-bottom:3rem;">Shared by Woodie (Toy Story)</p>
	  	<a class="radius button" style="background:#009EA1;">Join Behomebased.ph</a>
	  </div>
	  <div class="slideabout" style="background:url(<?=BASE_URI ?>img/sky.jpg);background-size:cover;height:28rem;">
	  	<div class="medium-8 medium-centered column">
			<h3 style="color:white;margin-top:5rem;">I don't have to worry the hassle of being stuck in traffic. I can just sit back and relax at my couch.</h3>
	  		<p style="color:white;margin-top:2rem;">Shared by Michael Yambao (SAF)</p>	
	  		<a class="radius button" style="background:#009EA1;">Join Behomebased.ph</a>  		
	  	</div>
	  </div>
	  <div class="slideabout" style="background:url(<?=BASE_URI ?>img/bond.jpg);background-size:cover;height:28rem;">
			<h3 style="color:white;margin-top:5rem;">It's a great thing to be homebased because I can spend more time with my family</h3>
	  		<p style="color:white;margin-top:2rem;">Shared by Michael Yambao (SAF)</p>
	  		<a class="radius button" style="background:#009EA1;">Join Behomebased.ph</a>
	  </div>
	</div>
</div>

<style>
body {
	background: white !important;
	overflow-x: hidden;
}
</style>

<script type="text/javascript">
	$(document).ready(function(){
		$('.cen1').slick({
			  dots: true,
  infinite: true,
  speed: 500,
  fade: true,
  cssEase: 'linear',
	  		autoplay: true,
	  		autoplaySpeed: 5000
		});
	});
</script>
